<template>
  <div class="ele-body ele-body-card">
    <!-- <statistics-card />
    <sale-card /> -->
    <el-row :gutter="15">
      <el-col v-bind="styleResponsive ? { lg: 18, md: 16 } : { span: 18 }">
        <todayStatistics />
      </el-col>
      <el-col v-bind="styleResponsive ? { lg: 6, md: 8 } : { span: 6 }">
        <hot-search />
      </el-col>
    </el-row>
    <el-row :gutter="15">
      <el-col v-bind="styleResponsive ? { lg: 9, md: 9 } : { span: 9 }">
        <paymentStatistics />
      </el-col>
      <el-col v-bind="styleResponsive ? { lg: 9, md: 9 } : { span:9 }">
        <visit-hour />
      </el-col>
      <el-col v-bind="styleResponsive ? { lg: 6, md: 6 } : { span: 6 }">
        <quickEntrance />
      </el-col>
    </el-row>
    <el-row :gutter="15">
      <el-col v-bind="styleResponsive ? { lg: 9, md: 9 } : { span: 9 }">
        <userList />
      </el-col>
      <el-col v-bind="styleResponsive ? { lg: 9, md: 9 } : { span:9 }">
        <statisticsPayment />
      </el-col>
      <el-col v-bind="styleResponsive ? { lg: 6, md: 6 } : { span: 6 }">
        <updateLogs />
      </el-col>
    </el-row>
  </div>
</template>

<script>
// import StatisticsCard from './components/statistics-card.vue';
import userList from './components/userList.vue';
import VisitHour from './components/visit-hour.vue';
import HotSearch from './components/hot-search.vue';
import todayStatistics from './components/todayStatistics.vue'
import quickEntrance from './components/quickEntrance.vue'
import paymentStatistics from './components/paymentStatistics.vue'
import statisticsPayment from './components/statisticsPayment.vue'
import updateLogs from './components/updateLogs.vue'
export default {
  name: 'DashboardAnalysis',
  components: {

    userList,
    VisitHour,
    HotSearch,
    todayStatistics,
    quickEntrance,
    paymentStatistics,
    statisticsPayment,
    updateLogs
  },
  computed: {
    // 是否开启响应式布局
    styleResponsive () {
      return this.$store.state.theme.styleResponsive;
    }
  }
};
</script>
